<template>
  <div class="lose-connection-page">
    <div class="icon-box">
      <mu-icon value=":iconfont icon-404" size="70" color="#fff"></mu-icon>
    </div>
    <div class="lose-text">
      <p>应用地址不存在或已更新</p>
      <p>请联系管理员获取新的地址</p>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {

    };
  },
  methods: {

  }
};
</script>
<style lang="less" scoped>
  .lose-connection-page{
    text-align: center;
    color: var(--track);
    padding-top: 30%;
    .icon-box{
      display: inline-block;
      background: currentColor;
      border-radius: 50%;
      width: 120px;
      height: 120px;
      line-height: 120px;
    }
    .lose-text{
      padding-top: 20px;
      font-size: 16px;
      color: #666;
      line-height: 1.8;
    }
  }
</style>
<style lang="less">
  .lose-connection-page{
  }
</style>
